<template>
  <div v-if="isVisible" class="fixed inset-0 bg-background-950/90 backdrop-blur-sm z-[80] flex items-center justify-center animate-fade-in">
    <div class="text-center">
      <div class="animate-spin rounded-full h-16 w-16 border-b-2 border-primary-500 mx-auto mb-4"></div>
      <div class="text-text-primary text-lg font-medium">{{ message || '加载中...' }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  isVisible: boolean
  message?: string
}

defineProps<Props>()
</script> 